﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jQuery入门</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<input id="inputID" type="button" value="这就是jQuery库,写少代码，做多事情"/>
	
	<div id="divID">哈哈哈</div>
	
	<script type="text/javascript">
		
		//取得<input>标签中的value属性的内容
		
		/*js方式
		var inputElement = document.getElementById("inputID");
		var input = inputElement.value;
		alert(input);*/
		
		/*jquery方式
		var $input = $("#inputID");
		var input = $input.val();
		alert(input);*/
		
		//取得<div>标签中的文本内容
		
		/*js方式
		var divElement = document.getElementById("divID");
		var div = divElement.innerHTML;
		alert(div);*/
		
		//jquery方式
		var $div = $("#divID");
		var div = $div.html();
		alert(div);
		
	</script>
  
  </body>
</html>
 